<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="./layui/css/layui.css">
		<link rel="stylesheet" href="./css/index.css" />
		<script type="text/javascript" src="./layui/layui.js"></script>
		<title>Agent首页</title>
	</head>
	<body>
		<div class="agent_index_banner">
			<h1>AI Lesson Plan Generator</h1>
			<p>Create professional, standards-aligned lesson plans in minutes with our AI-powered tool. Save time and enhance your teaching with customized
				plans for any subject or grade level.</p>
		</div>
		<div class="agent_index_container layui-form">
			<div class="agent_index_column">
				<h2>Create Your Lesson Plan</h2>
				<div class="item">
					<h4 data-index="1">Select Grade Level</h4>
					<p>Grade Level</p>
					<select>
						<option value="">请选择</option>
						<option value="AAA">选项 A</option>
						<option value="BBB">选项 B</option>
						<option value="CCC">选项 C</option>
					</select>
				</div>
				<div class="item">
					<h4 data-index="2">Choose Subject</h4>
					<p>Subject</p>
					<select>
						<option value="">请选择</option>
						<option value="AAA">选项 A</option>
						<option value="BBB">选项 B</option>
						<option value="CCC">选项 C</option>
					</select>
				</div>
				<div class="item">
					<h4 data-index="3">Lesson Detools</h4>
					<p>Lesson Topic</p>
					<input type="text" name="" placeholder="文本框" class="layui-input">
					<p>asda asdaajasd asdjlasd</p>
					<div id="ID-slider-demo"></div>
				</div>
				<div class="item">
					<h4 data-index="4">Teaching Methods</h4>
					<p>Subject asd asdasda asdasda asdasd</p>
					<input type="checkbox" name="AAA1" title="默认">
					<div lay-checkbox class="agent_checkbox">
						<h5>asdasd</h5>
						<p>asdasd asdas asdaskasdk asdkjas adasdajasd asdkasjd asdkasjd asdlkasdj asdkasd</p>
					</div>
					<input type="checkbox" name="AAA2" lay-text="选中" checked>
					<div lay-checkbox class="agent_checkbox">
						<h5>asdasd</h5>
						<p>asdasd asdas asdaskasdk asdkjas adasdajasd asdkasjd asdkasjd asdlkasdj asdkasd</p>
					</div>
					<input type="checkbox" name="AAA3" title="默认">
					<div lay-checkbox class="agent_checkbox">
						<h5>asdasd</h5>
						<p>asdasd asdas asdaskasdk asdkjas adasdajasd asdkasjd asdkasjd asdlkasdj asdkasd</p>
					</div>
					<input type="checkbox" name="AAA4" lay-text="选中">
					<div lay-checkbox class="agent_checkbox">
						<h5>asdasd</h5>
						<p>asdasd asdas asdaskasdk asdkjas adasdajasd asdkasjd asdkasjd asdlkasdj asdkasd</p>
					</div>
					<input type="checkbox" name="AAA5" title="默认">
					<div lay-checkbox class="agent_checkbox">
						<h5>asdasd</h5>
						<p>asdasd asdas asdaskasdk asdkjas adasdajasd asdkasjd asdkasjd asdlkasdj asdkasd</p>
					</div>
					<input type="checkbox" name="AAA6" lay-text="选中">
					<div lay-checkbox class="agent_checkbox">
						<h5>asdasd</h5>
						<p>asdasd asdas asdaskasdk asdkjas adasdajasd asdkasjd asdkasjd asdlkasdj asdkasd</p>
					</div>
				</div>
				<div class="item">
					<h4 data-index="5">Aasjd kasdj askd</h4>
					<p>Lesson Topic kjasd aklsjdasasd aklsjda</p>
					<textarea name="" placeholder="Ajhasd alksd askdlajs asdlkajsd aslkdajsd askldj" class="layui-textarea"></textarea>
					<div class="tips">
						<i class="layui-icon layui-icon-tips-fill"></i>
						<span>asdas askdlja askldjas asdkjas askdjasd askjas asklajsd asdkljas asdklajsd</span>
					</div>
				</div>
				<div class="button">
					<button type="button" class="layui-btn">asdas aksjd asdkj</button>
				</div>
			</div>
			<div class="agent_index_column">
				<div class="title">
					<i></i>
					<h2>Your Lesson Plan Preview</h2>
					<p>Complace the form to asdasd your currendizsd standards-aligned sdasd plan in middele</p>
				</div>
				<div class="item">
					<h3>What You'll Chat</h3>
					<ul class="column2">
						<li><img src="./img/right.svg" />asdasd asdj asdas asdasd aaaaa asasd</li>
						<li><img src="./img/right.svg" />kaksd adj asdasd asdad asdjahsdh asdjh</li>
						<li><img src="./img/right.svg" />asdasd asdj asdas asdasd aaaaa asasd</li>
						<li><img src="./img/right.svg" />kaksd adj asdasd asdad asdjahsdh asdjh</li>
						<li><img src="./img/right.svg" />asdasd asdj asdas asdasd aaaaa asasd</li>
						<li><img src="./img/right.svg" />kaksd adj asdasd asdad asdjahsdh asdjh</li>
					</ul>
				</div>
				<div class="item">
					<h3>Pro Tips</h3>
					<ul class="column1">
						<li><img src="./img/collect.svg" />asdasd asdj asdas asdasd aaaaa asasd</li>
						<li><img src="./img/collect.svg" />kaksd adj asdasd asdad asdjahsdh asdjh</li>
						<li><img src="./img/collect.svg" />asdasd asdj asdas asdasd aaaaa asasd</li>
						<li><img src="./img/collect.svg" />kaksd adj asdasd asdad asdjahsdh asdjh</li>
					</ul>
				</div>
				<div class="tips">
					<i class="layui-icon layui-icon-tips-fill"></i>
					<span>asdas askdlja askldjas asdkjas askdjasd askjas asklajsd asdkljas asdklajsd</span>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		layui.use(function() {
			var slider = layui.slider;
			slider.render({
				elem: '#ID-slider-demo',
				input: true
			});
		});
	</script>
</html>